note thumbnail html styles

James Peret 8 years ago
parent
commit
6425bca5f5

+ 5 - 5
app/scripts/services/thumbnail-service.js

@@ -9,12 +9,12 @@ angular.module('codexApp')
9 9
 
10 10
     var options = {
11 11
       screenSize: {
12
-        width: 320
13
-      , height: 480
12
+        width: 220
13
+      , height: 170
14 14
       }
15 15
     , shotSize: {
16
-        width: 320
17
-      , height: 'all'
16
+        width: 220
17
+      , height: '170'
18 18
       }
19 19
     , userAgent: 'Mozilla/5.0 (iPhone; U; CPU iPhone OS 3_2 like Mac OS X; en-us)'
20 20
         + ' AppleWebKit/531.21.20 (KHTML, like Gecko) Mobile/7B298g'
@@ -25,7 +25,7 @@ angular.module('codexApp')
25 25
     var page_data = String.fromCharCode.apply(null, data);
26 26
 
27 27
     var thumbnail_path = getThumbnailName(file_path);
28
-    var page = '<html><body><div class="note-container"><div class="note">' + marked(page_data); + '</div></div></body></html>';
28
+    var page = '<html><head><style>body {width: 210px;} body, h1, h2, h3, h4, h5, p, span, table, code, ul, ol { font-family: helvetica; overflow-wrap: break-word; font-weight: 300; } p, ul, ol, code { font-size: 11px;} h1 {font-size: 16px;} h2 {font-size: 14px;} h3 { font-size: 12px; font-weight: 400} code { font-family: monospace; }</style></head><body>' + marked(page_data); + '</body></html>';
29 29
     var renderStream = webshot(page, thumbnail_path, options, function(err) {
30 30
       // screenshot now saved to hello_world.png
31 31
     });

BIN
codex/Test-Stack/Notebook 2/Test-0001/index.thumb.png


BIN
codex/Test-Stack/Notebook 2/Test-0002/index.thumb.png


BIN
codex/dev/codex-app/highlightjs.thumb.png


BIN
codex/dev/codex-app/notes.thumb.png


+ 3 - 2
codex/dev/codex-app/todos.md

@@ -8,7 +8,7 @@
8 8
 * [X] Edit and save files
9 9
 * [X] Create new files
10 10
 * [X] Internal links
11
-* [ ] Icon View
11
+* [X] Icon View
12 12
 * [X] Navigation History
13 13
 * [X] Syntax Highlight
14 14
 * [ ] Note versioning
@@ -19,4 +19,5 @@
19 19
 * [ ] New file Dialog
20 20
 * [ ] Right Click Menus
21 21
 * [ ] Copy Note link
22
-* [ ] S3 Backup
22
+* [ ] S3 Backup
23
+* [ ] Web Clipper

BIN
codex/dev/codex-app/todos.thumb.png